 <?php
	$public_application = $this->config->item('public_application');
 ?>
<div class="hero">
  <div id="carousel-example-captions" class="carousel slide" data-ride="carousel">
        <div class="carousel-inner">
          <div class="item active">
            <img data-src="holder.js/900x500/auto/#777:#777" alt="900x500" src="<?php echo base_url($public_application."images/home_head_img.jpg")?>">
            <div class="carousel-caption">
              <h1 class="title">我品牌书定制</h1>
              <p class="desc">名字、个性、标签、兴趣爱好、问问就烦人了</p>
              <p class="desc">我需要一份定制“我”品牌书</p>
              <p class="desc">告诉你们吧，ZOPO专属品牌书定制开始了哦</p>
            </div>
          </div>
        </div>
      </div>
</div>

<div class="mid_red_line">
  <div class="container">
    <div class="row">
       <div class="col-md-6 col-sm-6 text-right">
         <a href="<?php echo site_url('ecard/index')?>"><button type="button" class="btn btn-default btn-lg btn-red ">定制我品牌书</button></a>
       </div>
       <div class="col-md-6 col-sm-6 text-left">
         <a href="<?php echo site_url("ecard/ecardList");?>"><button type="button" class="btn btn-default btn-lg btn-red ">管理我品牌书</button></a>
       </div>
    </div>
  </div>
</div>

<div class="container">
  <h2 class="text-center org-red">个性随我品牌墙</h2>
</div>

<div class="container">
  <div class="center-block" style="max-width:768px;">
	<ul id="carousel" class="elastislide-list">
	    <li><a href="#"><img src="<?php echo base_url($public_application."images/ban1.jpg")?>" alt="image01" /></a></li>
	    <li><a href="#"><img src="<?php echo base_url($public_application."images/ban2.jpg")?>" alt="image01" /></a></li>
	    <li><a href="#"><img src="<?php echo base_url($public_application."images/ban3.jpg")?>" alt="image01" /></a></li>
	    
	    <li><a href="#"><img src="<?php echo base_url($public_application."images/ban3.jpg")?>" alt="image01" /></a></li>
	    <li><a href="#"><img src="<?php echo base_url($public_application."images/ban2.jpg")?>" alt="image01" /></a></li>
	    <li><a href="#"><img src="<?php echo base_url($public_application."images/ban1.jpg")?>" alt="image01" /></a></li>	    
	    
		<!-- ... -->
	</ul>
  </div>
</div>

<script src="<?php echo base_url($public_application."js/elastislide/js/modernizr.custom.17475.js")?>"></script>
<script type="text/javascript" src="<?php echo base_url($public_application."js/elastislide/js/jquerypp.custom.js")?>"></script>
<script type="text/javascript" src="<?php echo base_url($public_application."js/elastislide/js/jquery.elastislide.js")?>"></script>
<script>
$('#carousel').elastislide();
</script>